@charset "utf-8";
/* CSS Document */

body{margin:0px; font-family:"微软雅黑", "Microsoft Yahei"; font-size:12px; line-height:2em; color:#565656;  min-width:1100px;}
/*a,area { blr:expression(this.onFocus=this.blur()) }*/

a{color:#565656; text-decoration:none;}
a:hover{color:#004cab;}
ul,li,form,input,dl,dt,dd{margin:0px;padding:0px;}
li{list-style-type:none;}
img{border:0px; max-width: 100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; font-size:0px; line-height:0px; height:0px; margin:0px; padding:0px;}
.m10{padding:10px 0px;}
.mt10{margin-top:10px;}


.w1100{width:1100px; margin:0px auto;}


.top{width:100%; height: 45px;  line-height:45px; background:#efefef; color:#4c4c4c; border-bottom: 1px solid #dbdbdb; }
.top .fl img{padding: 14px 5px 0; float: left;}
.top .fl span a{color: #FF0000; padding-right: 30px;}
.top .fr {padding-top: 10px;}
.top .fl{position: relative; }
.top_company{width: 180px;}
.top_company ul{display: none;}
.top_company:hover ul{ display: block;  position: absolute; background: #FFF;  border: 1px solid #dbdbdb; }
.top_company ul li{line-height: 45px;  padding:0 25px;}
.top_company ul li:hover{background: #0083e3;}
.top_company ul li:hover a{color: #FFF;}

.header{height:120px; overflow: hidden}
.header .fr{line-height: 35px;font-size: 24px; color:#ff7800; padding-top: 42px; font-weight: bold; font-style: italic;  padding-right: 10px; width: 220px;}
.header .fr img{  float: left; padding-right: 5px;}

.nav{width:100%; height:60px; line-height:60px; background:#0083e3; color:#fff;}
.menu>li{position:relative; text-align: center; float: left; width: 137.5px; height:55px; line-height: 50px; border-top:5px solid #0083e3; font-size: 14px;}
.menu>li a{display: block;}
.menu>li:hover{ border-top:5px solid #ff7800; background: #FFF;}
.menu>li:hover a{ color: #343434;}
.menu>li>ul{display: none; position: absolute; width: 100%;}
.menu>li>ul>li{width: 100%; height: 60px; background: #FFF; line-height: 60px;}
.menu>li>ul>li:hover{background: #0083e3;}
.menu>li>ul>li:hover a{ color: #FFF;}
.menu>li>a{color: #FFF;}
.menu>li:hover ul{display: block; z-index: 9999;}
.menu .nav-width{ background: #FFF;}
.menu .nav-product{width: 1100px; left: -275px; float: left;}
.menu .nav-solution{width: 550px; left: 0; float: left;}

.menu .nav-width li {background:none;width:153.3px; float:left;margin:10px 15px; display:inline; height: auto;}
.menu .nav-width li:hover{background: none;}
.menu .nav-width li:hover a{color: #565656;}
.menu .nav-width li dt a{text-align:left;}
.menu .nav-width li dl a{color:#575757;}
.menu .nav-width li dl a:hover{background:none;color:#C00;}
.menu .nav-width li dt{background:url(../images/arr01.png) no-repeat 0 2px;padding-left:10px; float:left; width:100%;font-size:12px;line-height:22px;text-align:left;}
.menu .nav-width li dd img{width:135px;height:75px;border:1px solid #6ecff3; float:left;}
.menu .nav-width li a{line-height:26px;font-size:12px;color:#fff; }
.menu .nav-width li dt.dt_nav1{ width:100%; float:left; height:22px; background:none; padding-left:0px; text-align:center; overflow:hidden; font-weight: bold}


.banner,.banner .flexslider,.banner .slides li{width:100%; height:600px; position:relative;}
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; }
.slides a{display:block;height:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;padding-left:0;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/bannerdot.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bannercur.png) no-repeat;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-45px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-prev{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}



.qyll{padding-top: 30px;}


.nav-prclass{padding: 70px 0;}
.nav-prclass li{width: 265px; height: 100px; line-height: 100px; border-top: 5px solid #0083e1; background: #2a2d32; float: left; margin-right: 13.33px;}
.nav-prclass li:nth-child(4){margin-right: 0;}
.nav-prclass li a{display: block; text-align: center; font-size: 22px; color: #FFF; font-weight: bold;}


.product{background: #2a2d32; width: 100%}
.product-title{color: #FFF; text-align: center; font-size: 20px; padding: 70px 0 50px 0}
.product-title span{font-size: 24px; text-transform: uppercase; display: block; font-weight: bold;}
.product-nav{text-align: center;}
.product-nav a{color: #999; display: inline-block; margin: 0 10px; border-bottom: 2px solid #2a2d32}
.product-nav a:hover{border-bottom: 2px solid #0083e1; color: #0083e1}
.product-list{ padding-top: 50px;}
.product-list .prev{ cursor:pointer; background:url(../images/left.png) no-repeat left center; width:42px; height:200px; float:left;}
.product-list .next{ cursor:pointer; background:url(../images/right.png) no-repeat right center; width:42px; height:200px; float:right;}
.product-scroll{ width:950px; float:left; overflow: hidden; margin-left: 30px;}
.product-scroll ul li{ float:left; width:300px; height:260px; margin-right:25px; text-align: center;}
.product-scroll ul li img{ width:300px; height:200px;}
.product-scroll ul li a{color:#999999}
.product-more{padding: 50px 0}
.product-more a{width: 950px; height: 40px; text-align: center; display: inline-block; line-height: 40px; border:1px solid #3c4351; margin-left: 72px; color: #999; border-radius: 5px;}


.yyfa-title{color: #565656; text-align: center; font-size: 20px; padding: 70px 0 50px 0}
.yyfa-title span{font-size: 24px; text-transform: uppercase; display: block; font-weight: bold;}


.about{width: 100%; height: 475px; background: url("../images/about_bj.jpg") no-repeat center #2a2d32; margin-top: 100px;}
.about-right{width: 480px;float: right; color: #999;}
.about-right-title{padding: 55px 0; font-size: 20px; color: #FFF; text-transform: uppercase;}
.about-right-title span{border-bottom: 3px solid #0083e1; display: inline-block; padding-bottom: 10px;}
.about-right-more{padding-top: 50px;}
.about-right-more a{display: block; width: 120px; height: 30px; border: 1px solid #3c4351; color: #999999; text-align: center; line-height: 30px; }

.news{padding: 0; }
.news-title{color: #565656; text-align: center; font-size: 20px; padding: 70px 0 50px 0}
.news-title span{font-size: 24px; text-transform: uppercase; display: block; font-weight: bold;}

.news-list{}
.news-list li{width: 323px; height: 75px; border: 1px solid #e5e5e5; float: left; margin-right:32.5px; margin-bottom: 30px; padding: 10px; line-height: 20px; }
.news-list li:nth-child(3n){margin-right: 0;}
.news-list li img{float:left; margin-right: 10px; width: 120px; height: 75px;}
.news-list li span{font-weight: bold; line-height: 30px; font-size: 14px;}

.co-list{width: 1100px; height: 67px; overflow:hidden; }
.co-list li{width: 215px; height: 65px;  float: left; border: 1px solid #e5e5e5; margin-right: 3.75px;}
.co-list li img{width: 213px; height: 63px;}

.footer{background: #2a2d32; margin-top: 70px;}
.footer-nav{padding:30px 0; min-height: 250px;}
.footer-nav dl{width: 190px; float: left;}
.footer-nav dl:nth-child(6){width: 150px;}
.footer-nav dt{width: 150px; border-bottom: 1px solid #1f2126; margin-bottom: 15px;}
.footer-nav dt a{color: #FFF; line-height: 50px;}
.footer-nav dd a{color: #999999;}
.footer-info{width: 100%; min-height: 45px; line-height: 45px; color: #999; border-top: 1px solid #1f2126;}


.sub_banner{width: 100%; height: 250px;}
.sub_left{width: 200px; min-height: 300px; background: url("../images/leftbj.jpg") repeat-y;}
.sub_left_top{width: 200px; height: 120px; background: url("../images/leftnavbj.jpg") no-repeat;}
.sub_left_nav{}
.sub_left_nav li{background: url("../images/leftnav_bj.jpg") no-repeat; width: 140px; height: 50px; line-height: 50px; text-align: right; padding-right: 60px;}
.sub_left_nav li.cur{background: url("../images/leftnav_bj1.jpg") no-repeat;}
.sub_left_nav li.cur a{color: #0082e0}
.sub_right{width: 900px; height: auto; background: url("../images/rightbj.jpg") repeat-x;}
.sub_right_top{width:100%; height: 120px; font-size: 24px; text-align: center; line-height: 150px; overflow: hidden;}


.news_list{}
.news_list li{width: 100%; height: 70px; padding: 30px 0; border-bottom: 1px solid #d2d2d2; color: #828282;}
.news_list_key{font-size: 70px; width: 90px; height: 70px; line-height: 70px; color: #a2a2a2;}
.news_list_time{width: 70px; font-size: 18px; color: #a2a2a2; line-height: 20px;;}
.news_list_time_border{width: 25px; height: 20px; border-bottom: 3px solid #d2d2d2; margin-bottom: 7px;}
.news_list_time span{font-size: 24px; display: block;}
.news_list_right{ line-height: 20px; width: 740px;}
.news_list_right a{display: block; font-size: 14px; line-height: 30px;}
.news_time{text-align: center; width: 100%; line-height: 50px;}


.sample_list{}
.sample_list li{width: 285px; height: 200px; float: left; margin-right: 22.5px; margin-bottom: 20px; text-align: center;}
.sample_list li img{width: 283px; height: 173px;border: 1px solid #a2a2a2;}
.sample_list li:nth-child(3n){margin-right: 0px;}


.case_title{width:100%; height: 120px; font-size: 24px; text-align: center; line-height: 150px; overflow: hidden;background: url("../images/rightbj.jpg") repeat-x;}
.case_list{}
.case_list li{width: 355px; height: 245px; border-bottom: 1px solid #d2d2d2; float: left; margin-right: 14.5px; position: relative; margin-top: 14.5px; }
.case_list li:nth-child(3n){margin-right: 0}
.case_list li span{display: none;}
.case_list li:hover span{display: block; position: absolute; bottom: 0px; background: #000; width: 100%; height: 30px; line-height: 30px; color: #FFF; text-align: center; opacity: 0.7;}
.case_list li img{width:355px; height: 245px;}


.sub_nav{width: 100%; height: 35px; line-height: 35px; font-size: 13px; background: #e9e9e9;}
.sub_nav li{float: left; margin-right: 30px; height: 32px; border-bottom: 3px solid #e9e9e9;}
.sub_nav li:hover,.sub_nav li.cur{border-bottom: 3px solid #0082e0;}

.showpage{ width:100%; clear:both; text-align:center; margin:10px 0px;}
.showpage a{display:inline-block;  padding:0px 5px; background-color:#e3e3e3; color:#727272;}
.showpage b{background-color:#fff;   padding:0px 5px; display:inline-block; color:#727272; }
.showpage a b{background:none; padding:0px 5px 0px 0px; color:#000;}



/*focus pic*/
.focus{width:900px;margin-top:20px;}
.focusbox{ position:relative;}
.img_left{width: 402px; height: auto; float: left;}
.img_left .zoom-section{width: 400px; height: 250px; border: 1px solid #c4c4c4;}
.img_right{width: 450px; float: right; font-size: 14px;}
.img_right .font03{color: #0082e0;}

.detail_con dt.cp_b,.pinglun{ width:100%; float:left;}
.detail_con dt.cp_b{ padding-bottom:10px;}
.pinglun iframe{ float:left; width:100%;}
.product_detail{clear:both;margin-top:20px;}
.detail_tit li{float:left; margin-right:5px;background:#e5e5e5; width:102px; height:32px; text-align:center; line-height:32px; font-size:14px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.detail_tit li a{ color:#333; width:100%; float:left; height:100%; cursor:pointer;}
.detail_tit li a.tab_hover{background:#0082e0; color:#fff;}
.detail_con{clear:both; padding-top:10px; padding-bottom:10px;}
.detail_tit{width:100%;height:32px;border-bottom:1px solid #0082e0;}
.tab_bg1{background:url(../images/tab01.png) no-repeat;width:100%;height:32px;border-bottom:2px solid #0086ff;}
.tab_bg2,.tab_bg3{background:url(../images/tab02.png) no-repeat;width:100%;height:32px;border-bottom:2px solid #0086ff;}

.tab1,.tab2,.tab3{width:105px;height:32px;line-height:32px;float:left;text-align:center;cursor:pointer;font-size:14px;font-weight:bold;}
.tab1 a,.tab2 a,.tab3 a{font-size:14px;font-weight:bold;}

.pinglun .saytext{width: 100%; height: 100px;}
.pinglun .inputText{width: 50px; height: 20px; line-height: 20px;}
.pinglun .tjpl{width: 100px; height: 35px; line-height: 35px; background: #0082e0; border: none; color: #FFF; text-align: center; margin-top: 10px; font-family: "微软雅黑"; cursor: pointer;}